<template>
	<div>
		<van-nav-bar
			:title="title" 
			:fixed="true" 
			left-arrow 
			@click-left="onClickLeft" 
		/>
		
		<van-tabs v-model="active">
		  <van-tab title="社区团购"><h6>您还没有团购商品~</h6></van-tab>
		  <van-tab title="团购"><h6>您还没有团购商品~</h6></van-tab>
		</van-tabs>
		
		
	</div>
</template>

<script>
	export default{
		name:"GroupBuying",
		data(){
			return {
				title: "我的团购",
				active:0
			}
		},
		methods:{
			onClickLeft(){
				this.$router.go(-1)
			},
		}
	}
</script>

<style scoped="">
	.van-nav-bar__title {
	  color: #fff;
	  font-size: 14px;
	}
	
	.van-nav-bar {
	  height: 46px;
	  background: #d46170;
	}
	
	.van-icon,
	.van-icon::before {
	  color: #FFF;
	  font-size: 12px;
	}
	h6{
	  margin-top: 50%;
	  text-align: center;
	  font-size: 12px;
	  font-weight: normal;
	  color: #999;
	}
	.van-tabs{margin-top: 46px;}
</style>
